.dis-box {
  width: 1145px;
}

.dis-tips {
  padding: 16px;
  background: white;
}

.reminder {
  font-size: 14px;
  padding: 12px 12px 10px 60px;
}

.reminder:before {
  width: 38px;
  height: 38px;
  top: 10px;
  background-size: 38px;
}

.dis-item {
  width: 370px;
  height: 575px;
  padding: 20px 20px 60px;
  margin-right: 16px;
  background: white;
  position: relative;
}

.dis-item:nth-child(3n) {
  margin: 0;
}

.dit-header {
  display: flex;
  align-items: center;
}

.dit-header .dit-card {
  width: 50px;
  height: 50px;
  min-width: 50px;
  margin-right: 12px;
  /*background: #eeeeee;*/
}

.dit-header .dit-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.dit-text-con .dit-text {
  display: flex;
  margin-bottom: 6px;
}

.dit-text-con .dit-text label {
  color: #666666;
  margin: 0;
}

.dit-text-con .dit-text span {
  flex: 1;
}

.dit-text-con p {
  color: #666666;
}

.fileAbout li span {
  display: flex;
  color: #1C6BE0;
  padding-bottom: 10px;
}

.fileAbout li a {
  flex: 1;
  color: #1C6BE0;
  text-decoration: underline !important;
  line-height: 20px;
}

.filePdf, .filePng {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 12px 0 0;
}

.filePdf {
  background: url(filePdf.png) no-repeat center;
}

.filePng {
  background: url(filePng.png) no-repeat center;
}

.ditBtn {
  display: block;
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: calc(100% - 40px);
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  text-align: center;
  border-radius: 4px !important;
}

.ditBtn.blue {
  color: #1F7DEE;
  background: #F1F6FF;
}

.ditBtn.orange {
  color: white !important;
  background: #FF644B;
}

.dis-item .dit-tips {
  padding: 12px;
  color: #FF644B;
  background: rgba(255, 100, 75, 0.06);;
}

.dis-main {
  background: white;
  height: calc(100% - 50px);
  padding: 14px 16px;
  overflow-y: auto;
}

.form-group-list {
  width: 470px;
}

.form-group-list .form-group {
  display: flex;
  margin-bottom: 12px;
}

.form-group-list .form-group > span {
  display: inline-block;
  width: 105px;
  padding: 7px 10px 0 0;
  text-align: right;
}

.sup_explain {
  width: calc(100% - 490px);
  max-width: 880px;
  min-height: 177px;
  padding: 20px 277px 20px 20px;
  line-height: 20px;
  color: #6A707B;
  background: url(dis_tip.png) #F1F6FF no-repeat right 10px center;
}

.sup_explain span {
  display: block;
  font-size: 16px;
  color: #1F7DEE;
  margin-bottom: 10px;
}

.sup_list{
  width: 318px;
  margin: 0 auto;
}

.sup_list .mt-checkbox{
  display: flex;
  width: 318px;
  height: 80px;
  margin-bottom: 10px;
  align-items: center;
}

.sup_list .mt-checkbox span{
  top: 50%;
  left: 20px;
  margin-top: -8px;
  z-index: 9;
}

.sup_list .mt-checkbox b{
  position: absolute;
  left: 0;
  top: 0;
  width: 318px;
  height: 80px;
  padding:10px 65px 10px 45px;
  display: flex;
  align-items: center;
  border: 1px solid #E8E8E8;
  background-repeat: no-repeat;
  background-position: right 15px center;
}

.sup_list .mt-checkbox input:checked~ b{
  border: 1px solid #1F7DEE;
  background-color: #FBFCFF;
}

.sup_list .mt-checkbox:first-child b{
  background-image: url(sup_type1.png);
}

.sup_list .mt-checkbox:nth-child(2) b{
  background-image: url(sup_type2.png);
}

.sup_list .mt-checkbox:nth-child(3) b{
  background-image: url(sup_type3.png);
}

.sup_list .mt-checkbox:first-child input[disabled]~b{
  background-image: url(sup_type1_disabled.png);
  background-color: #F9F9F9;
}

.sup_list .mt-checkbox:nth-child(2) input[disabled]~b{
  background-image: url(sup_type2_disabled.png);
  background-color: #F9F9F9;
}

.sup_list .mt-checkbox:nth-child(3) input[disabled]~b{
  background-image: url(sup_type3_disabled.png);
  background-color: #F9F9F9;
}

.sup_list .mt-checkbox input[disabled]~span:after{
  display: block;
  border-color: #E0E3EA !important;
}

.layer-page .layui-layer-content{
  padding: 30px 32px;
}

.layer-page .layer-page-title{
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}

.layer-page .layer-page-title .warning{
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(ztips.png) no-repeat center;
  background-size: 22px;
  margin-right: 8px;
}

.layer-page .layer-page-title i{
  font-size: 26px;
  margin-right: 8px;
}

.layer-page-content{
  padding-left: 30px;
}


.nt-header {
  width: 100%;
  height: 98px;
  color: white;
  position: relative;
  padding: 20px 0 0 190px;
  background: url(yun.png) no-repeat left 75px top 20px,linear-gradient(90deg, #2459F0 0%, #1087D4 100%);
}

.nt-title {
  font-size: 18px;
  margin-bottom: 8px;
}

.nt-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.23);
}

.nt-progress span {
  display: block;
  height: 4px;
  background: #00E4FE;
  transition: all linear 0.3s;
  border-radius: 0 10px 10px 0 !important;
}

.nt-content {
  padding: 20px 50px;
  height: calc(100% - 98px);
  overflow-y: auto;
}

.nt-content .nt-item {
  display: flex;
  height: 80px;
  align-items: center;
  padding: 16px 18px;
  margin-bottom: 10px;
  background: #FDFDFD;
  position: relative;
  border: 1px solid #EEEEEE;
}

.nt-icon{
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 20px;
  position: relative;
  z-index: 9;
}

.nt-item.loading:after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 60%;
  height: 100%;
  z-index: 0;
  background: linear-gradient(270deg, #D5F6FF 0%, #FBFBFD 100%);
}

.nt-item>.nt-item-text{
  position: relative;
  z-index: 9;
}

.nt-item.loading .nt-icon{
  background: url(loading.png) no-repeat center;
  /*transform: rotate(0deg);*/
  animation: circle infinite linear 0.7s;
}

@keyframes circle{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

@-webkit-keyframes circle{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

.nt-item.success .nt-icon{
  background: url(zhengque.png) no-repeat center;
}

.nt-item.error .nt-icon{
  background: url(jingao.png) no-repeat center;
}


.nt-item.loading .nt-item-text span{
  color: #2E92FA;
}

.nt-item.success .nt-item-text span{
  color: #38B249;
}

.nt-item.error .nt-item-text span{
  color: #FE980F;
}

.nt-result{
  padding: 20px 80px;
  height: calc(100% - 98px);
  overflow-y: auto;
}

.nt-result-error{
  padding-left: 30px;
  line-height: 20px;
  background: url(jingao.png) no-repeat left center;
  background-size: 20px;
}

.nt-result-item{
  padding: 20px 32px;
  margin-bottom: 15px;
  background: #FDFDFD;
  border: 1px solid #EEEEEE;
}

.nt-result-item .nt-result-title{
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.nt-result-success{
  padding-left: 30px;
  line-height: 20px;
  background: url(zhengque.png) no-repeat left center;
  background-size: 20px;
}

.nt-result-item .nt-success-text{
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  background: url(zhengque.png) no-repeat right center;
  background-size: 20px;
}
